html,body{-webkit-text-size-adjust:100%;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}
*{margin: 0;padding: 0;list-style: none;}
html{font-family: sans-serif;}
body{background: #efeff4;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,
dl,dt,dd,ul,ol,li,
pre,
form,fieldset,legend,button,input,textarea,
th,td{margin: 0;padding: 0; font-weight: normal;}
address,cite,dfn,em,var {font-style: normal;}
code,kbd,pre,samp {font-family: courier new,courier,monospace;}
small{font-size: 12px;}
ul,ol{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
legend{color: #000;}
fieldset,img{border: 0;}
button,input,select,textarea{font-size: 100%;}
a:focus,button:focus,input:focus,select:focus,textarea:focus{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-user-modify:read-write-plaintext-only;
	outline: none;
	border-style: none;
	border: 0;
}
table{border-collapse: collapse; border-spacing: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img {display:block;}
img {max-width:100%;height:auto;width: auto\9;/*ie8*/;}
.video embed,.video object,.video iframe {width:100%;height:auto;}
.clear{clear:both;width:0;height:0;margin:0;padding:0;overfloat:hidden;}
.price{font-family:arial;}
.blank_h{ height: 60px;}
/*common*/
header{
	z-index: 999;
	position: fixed; top: 0px; 
	color:#FFF; width:100%; height: 44px; line-height: 44px;text-align: center; 
	font-size: 12pt;
	background-image: url(img/common_nav_bg.png);
}
header .status_bar{display: none;}
header .navigation{height: 44px; line-height: 44px;}
header.ios_only{height:64px; line-height:64px;background-image: url(img/common_nav_bg.png);}
header.ios_only .status_bar{display:block;height: 20px;width: 100%;}
.header_normal{position: relative;}
header .title {font-weight:500;text-align: center;position: absolute; left: 80px; right: 80px;}
header .title,header .left,header .right{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
header .left,header .right{display:block; width: 80px; font-size: 12pt;}
header .left{float: left; text-align: left; padding-left: 14px;}
header .right{float: right;text-align: right; padding-right: 14px;}
header .icon:active{opacity: .3;}
header .icon-phone1{font-size: 22px;}
nav{
	z-index: 999;
	position: fixed; top: 0px; 
	color:#FFF; width:100%; height: 44px; line-height: 44px;text-align: center; font-size: 14pt; font-weight: bold; 
	background-image: url(img/common_nav_bg.png);
}
footer{
	z-index: 999;
	position: fixed; bottom: 0px; 
	color:#FFF; width:100%; height: 49px; line-height: 49px;text-align: center; font-size: 14pt; font-weight: bold; 
	background-image: url(img/common_tab_bg.png);
}
footer a{ float: left; display: inline-block; width: 25%; text-align:center;}
footer a img{ width: 49px; height: 49px; margin: 0 auto;z-index: 1;}
footer .mui-tab-item {position:relative;}
footer .mui-tab-item .newmsg{position: absolute; top:4px;right:28%;display: block;width:10px;height:10px;background: #f30; border-radius: 50%;}

#footer{
	z-index: 999;
	position: fixed; bottom: 0px; 
	color:#FFF; width:100%; height: 49px;text-align: center; font-size:10px;
	background-image: url(img/common_tab_bg.png);
}
#footer ul li{float: left; width: 25%; color: #fff;text-align: center;}
#footer ul li .iconfont{ display: block;font-size: 24px;padding: 0; height:36px; line-height:36px; margin-top: 1px;}
#footer ul li span{display: block; height: 10px;line-height: 10px;}
#footer ul li.active { color: #38ddcc;}
#footer #tab_homepage.active .icon-home:before { content: "\e64d"; }
#footer #tab_homepage_0.active .icon-home:before { content: "\e64d"; }
#footer #tab_my.active .icon-my:before { content: "\e631"; }
#footer #tab_my_3.active .icon-my:before { content: "\e631"; }


/*homepage*/
.index{background: rgb(72,78,102);}
.index nav li{float: left;}
@media only screen and (max-width:1080px){
body{ min-width: 414px;}
.index nav .l,.index nav .r{ font-size:13pt; font-weight: normal; position: fixed;}
.index nav .l img{ width:16px; margin-left: 2px; display: inline-block;}
.index nav .r img{ width:20px; margin-top: 12px;}
.index nav .l{ margin-left: 16px; left: 0;}
.index nav .r{float: right; margin-right: 16px; right:0;}
.index nav .c{ text-align: center;width: 100%;}
.index .banner{ margin: 10px 9px 0px 9px;}
.index .topicBox{margin:9px 9px 0px 9px;}
.index .topicBox li{float:left;}
.index .topicBox .top .left{ width: 262px;}
.index .topicBox .top .left img{ width: 262px; height: 262px;}
.index .topicBox .top .right{ margin-left: 6px; width: 128px;}
.index .topicBox .top .right img{ width: 128px; height: 128px;}
.index .topicBox .top .party{ margin-top: 6px;}
.index .topicBox .bottom{margin-top: 6px;}
.index .topicBox .bottom li{ width:128px; margin-right: 6px;}
.index .topicBox .bottom .normal{margin-right: 0;}
}
@media only screen and (max-width:375px){
body{ min-width: 375px;}
.index nav .l,.index nav .r{ font-size:13pt; font-weight: normal; position: fixed;}
.index nav .l img{ width:16px; margin-left: 2px; display: inline-block;}
.index nav .r img{ width:20px; margin-top: 12px;}
.index nav .l{ margin-left: 16px; left: 0;}
.index nav .r{float: right; margin-right: 16px; right:0;}
.index nav .c{ text-align: center;width: 100%;}
.index .banner{ margin: 9px 9px 0px 9px;}
.index .topicBox{margin:9px 9px 9px 9px;}
.index .topicBox li{float:left;}
.index .topicBox .top .left{ width: 236px;}
.index .topicBox .top .left img{ width: 236px; height: 236px;}
.index .topicBox .top .right{ margin-left: 6px; width: 115px;}
.index .topicBox .top .right img{ width: 115px; height: 115px;}
.index .topicBox .top .party{ margin-top: 6px;}
.index .topicBox .bottom{margin-top: 6px;}
.index .topicBox .bottom li{ width:115px; margin-right: 6px;}
.index .topicBox .bottom .normal{margin-right: 0;}	
}
@media only screen and (max-width:360px){
body{ min-width: 360px;}
.index nav .l,.index nav .r{ font-size:13pt; font-weight: normal; position: fixed;}
.index nav .l img{ width:16px; margin-left: 2px; display: inline-block;}
.index nav .r img{ width:20px; margin-top: 12px;}
.index nav .l{ margin-left: 16px; left: 0;}
.index nav .r{float: right; margin-right: 16px; right:0;}
.index nav .c{ text-align: center;width: 100%;}
.index .banner{ margin: 6px 12px 0px 12px;}
.index .topicBox{margin:6px 12px 0px 12px;}
.index .topicBox li{float:left;}
.index .topicBox .top .left{ width: 222px;}
.index .topicBox .top .left img{ width: 222px; height: 222px;}
.index .topicBox .top .right{ margin-left: 6px; width: 108px;}
.index .topicBox .top .right img{ width: 108px; height: 108px;}
.index .topicBox .top .party{ margin-top: 6px;}
.index .topicBox .bottom{margin-top: 6px;}
.index .topicBox .bottom li{ width:108px; margin-right: 6px;}
.index .topicBox .bottom .normal{margin-right: 0;}	
}
@media only screen and (max-width:320px){
body{ min-width: 320px;}
.index nav .l,.index nav .r{ font-size:13pt; font-weight: normal; position: fixed;}
.index nav .l img{ width:16px; margin-left: 2px; display: inline-block;}
.index nav .r img{ width:20px; margin-top: 12px;}
.index nav .l{ margin-left: 16px; left: 0;}
.index nav .r{float: right; margin-right: 16px; right:0;}
.index nav .c{ text-align: center;width: 100%;}
.index .banner{ margin: 10px 10px 0px 10px;}
.index .topicBox{margin:10px 10px 10px 10px;}
.index .topicBox li{float:left;}
.index .topicBox .top .left{ width: 198px;}
.index .topicBox .top .left img{ width: 198px; height: 198px;}
.index .topicBox .top .right{ margin-left: 6px; width: 96px;}
.index .topicBox .top .right img{ width: 96px; height: 96px;}
.index .topicBox .top .party{ margin-top: 6px;}
.index .topicBox .bottom{margin-top: 6px;}
.index .topicBox .bottom li{ width:96px; margin-right: 6px;}
.index .topicBox .bottom .normal{margin-right: 0;}	
}

/*order*/
.order .select_tab{width:100%;background: #fff;border-top: 1px solid rgb(221,221,221);border-bottom: 1px solid rgb(221,221,221);}
.order .select_tab ul{margin: 10px 14px; border: 1px solid #848484; height: 28px; border-radius:4px;}
.order .select_tab li{float: left;width: 33.33333333%;line-height: 28px; height: 28px; text-align: center;}
.order .select_tab li a{display: block;width:100%; color: #848484;font-size: 11pt;}
.order .select_tab li.c a{ border-left: 1px solid #848484;border-right: 1px solid #848484;}
.order .select_tab li.active a{background:#848484; color: #fff;}
.order .orderItem{ background: #fff; padding:8px 12px; border-top: 1px solid rgb(221,221,221); border-bottom: 1px solid rgb(221,221,221); margin-top: 10px;}
.order .orderItem ul{width: 100%;}
.order .orderItem .top{ border-bottom: 1px solid rgb(221,221,221); padding-bottom:8px;font-size: 11pt;color: #333;}
.order .orderItem .top li{float:left; height: 24px; line-height: 24px;}
.order .orderItem .top img{ width: 24px; border-radius:24px; margin-right: 8px;}
.order .orderItem .top .status{ float: right; color:#ff5205;}
.order .orderItem .medium{ padding:6px 0px;border-bottom: 1px solid rgb(221,221,221);}
.order .orderItem .medium li{ float: left;}
.order .orderItem .medium .img{border: 1px solid rgb(221,221,221); padding: 1px; width: 58px; height: 58px;margin-right: 12px;}
.order .orderItem .medium h3{color: #3d4145; margin-top: 6px;font-size: 11pt;color: #666;}
.order .orderItem .medium p{color: #999999; margin-top: 13px;font-size: 10pt;}
.order .orderItem .bottom {padding-top:8px;font-size:11pt;}
.order .orderItem .bottom li{float:left;height:28px; line-height:28px;}
.order .orderItem .bottom .option{text-align: right; float: right;}
.order .orderItem .bottom span{float:right; margin-left:20px;display: block; width: 76px; height:26px; line-height:26px; text-align: center; border: 1px solid #3d4145; border-radius:4px;}
.order .orderItem .bottom .red{border: 1px solid #ff5205; color: #ff5205;}
.order .orderItem .f1{ color: rgb(153,153,153);}
.order .orderItem .f2{ color: rgb(61,66,69);font-family: arial;}

/*artists*/
.artists{background: rgb(72,78,102);}
.index_program_list .catalog,
.artists .catalog{background:#32374d; color: #fff;width:100%;height:40px;line-height: 40px; text-align: center; margin-top:0;margin-bottom:5px;border-top: 1px solid #595f6f;border-bottom: 1px solid #595f6f;}
.index_program_list .catalog ul,
.artists .catalog ul{ margin: 0;}
.index_program_list .catalog li,
.artists .catalog li{float: left; width: 33%; display: inline-block; text-align: center;overflow: hidden;height: 40px;}
.index_program_list .catalog li img,
.artists .catalog li img{ width:16px; margin-left: 4px; display: inline-block;}
.index_program_list .catalog .c,
.artists .catalog .c{border-left: 1px solid #595f6f;border-right: 1px solid #595f6f;overflow: hidden;height: 40px;}
.artists .artists_list{margin: 8px;}
.artists .artists_list div{width: 50%;float: left;}
.artists .artists_list div ul{margin: 4px;position: relative;}
@media only screen and (max-width:414px){
	.artists .artists_list div ul dt{width: 191px;height: 191px;}
}
@media only screen and (max-width:375px){
	.artists .artists_list div ul dt{width: 171.5px;height: 171.5px;}
}
@media only screen and (max-width:360px){
	.artists .artists_list div ul dt{width: 164px;height: 164px;}
}
@media only screen and (max-width:320px){
	.artists .artists_list div ul dt{width: 144px;height: 144px;}
}
.artists .artists_list div ul dd{width:100%;position:absolute;bottom: 0;}
.artists .artists_list div ul dd .num{color:rgba(170,224,0,.8);font-size: 9pt;line-height: 100%;padding:0 4px;text-shadow:0px 0px 2px rgba(0,0,0,.5);}
.artists .artists_list div ul dd .num em{float:left;}
.artists .artists_list div ul dd .num em .iconfont{font-size: 10pt;margin-right: 3px;}
.artists .artists_list div ul dd .num span{float:right;font-size: 9pt;}
.artists .artists_list div ul dd .num span a{font-size: 9px; margin-right: 2px;position: relative;top: -1px;}
.artists .artists_list div ul dd .text{height: 28px;line-height: 28px; background: rgba(40,32,45,0.8);color: #fff; padding: 0 0 0 4px;}
.artists .artists_list div ul dd .text em{height: 28px;line-height: 28px;font-size: 10pt;float:left;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;width:64%;}
.artists .artists_list div ul dd .text span{float:right;}
.artists .artists_list div ul dd .text span a{float: left;color: #f50; font-size: 9px;display:inline-block; width:12px;height: 12px; margin-left: -3px;}

.index_program_list .catalog .active,
.artists .catalog .active{border-bottom:2px solid #00e0cb; height: 38px;}
.index_program_list .disabled,
.artists .disabled{display:none;}
.index_program_list .filter,
.artists .filter{color: #fff;font-size: 10pt;background: rgba(0,0,0,.5);position:fixed;z-index: 999;width: 100%;height: 100%;top:42px;}
.index_program_list .filter ul,
.artists .filter ul{background: #3f4573;padding:6px 10px 16px 10px;}
.index_program_list .filter .location li,
.artists .filter .location li{float: left;width: 25%;text-align: center;}
.index_program_list .filter .taglist li,
.artists .filter .taglist li{float: left;width:20%;text-align: center;}
.index_program_list .filter .taglist .selectall,
.artists .filter .taglist .selectall{width:100%;margin-bottom:4px;}
.index_program_list .filter .taglist li .b,
.artists .filter .taglist li .b{font-weight: bold;color: #00e0cb;}
.index_program_list .filter .reorder li,
.artists .filter .reorder li{float: left;width: 33.333333%;text-align: center;}
.index_program_list .filter .location li a,
.index_program_list .filter .taglist li a,
.index_program_list .filter .reorder li a,
.artists .filter .location li a,
.artists .filter .taglist li a,
.artists .filter .reorder li a{font-size:12pt;font-weight: 400;margin: 2px;display: block;background: rgba(255,255,255,.06);height: 44px;line-height: 44px;border-radius: 3px;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}	


/*artists_detail*/
.artists_detail .summary{background: #fff; padding-left:14px;color: #333;font-size: 10pt;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.artists_detail .summary dt{height:62px;line-height:62px; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0;}
.artists_detail .summary dt dl{float: left;}
.artists_detail .summary dt dl.l img{width: 60px;height: 60px; border-radius: 50%/30px; border-color:#fff; margin-right: 12px;}
.artists_detail .summary dt dl.c li{line-height: 18px; width: 100%;}
.artists_detail .summary dt dl.c .star a{font-size: 12px;color: #f50; margin-right:-2px;}
.artists_detail .summary dt dl.c .location{font-size:10pt; font-weight: 100;}
.artists_detail .summary dt dl.r{float: right; margin-right: 14px; color: #666;}
.artists_detail .summary dt dl.r .iconfont{font-size: 10pt;margin-right:3px;}
.artists_detail .summary dt dl .name .iconfont{font-size: 12px; margin-left: 4px;}
.artists_detail .summary dt dl .name .icon-male{color: #f994ab;}
.artists_detail .summary dt dl .name .icon-female{color: #97bcf0;}
.artists_detail .summary dd{width: 100%;padding:8px 0 4px 0;}
.artists_detail .summary dd table{margin-right: 14px; table-layout: fixed; width: 100%;}
.artists_detail .summary dd table td{padding:3px 0;vertical-align: top;}
.artists_detail .summary dd table.unfold td.r{height: 13px; display:block;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap;}
.artists_detail .summary dd .l{width: 70px;text-align: right;}
.artists_detail .summary dd .r{color: #666;width:100%;}
.artists_detail .summary dd div{width: 100%; text-align: center;}
.artists_detail .summary dd div a{display: block; color: #999;}
.artists_detail .itemlist{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin:15px 0 5px 0; background: #fff;color: #333;font-size: 11pt;}
.artists_detail .itemlist dl{ margin-left: 17px; height: 44px;line-height: 44px;border-bottom: 1px solid #ccc;}
.artists_detail .itemlist dl.normal{border-bottom:0}
.artists_detail .itemlist li{float: left; display: inline-block;}
.artists_detail .itemlist .num{float: right; margin-right: 12px; font-size: 10pt;}
.artists_detail .itemlist .arrow{ width: 8px; float: right; margin: 16px 20px auto auto;}
.artists_detail .allprogram{border-bottom: 1px solid #ccc; margin-left: 8px;height: 40px;line-height: 40px;font-size: 12pt;color: #333;}
.artists_detail .programlist{padding:2px 0 10px 8px; background: #fff;border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin:15px 0 60px 0;}
.artists_detail .programlist .item{ background: #fff;padding:8px 0 0 8px;}
.artists_detail .programlist .item ul{width: 100%;border-bottom: 1px solid #ccc;}
.artists_detail .programlist .item li{float: left;}
.artists_detail .programlist .item .l{width: 80px; height: 80px;position: relative;}
.artists_detail .programlist .item .l a{position:absolute;top:18px;left:26px;color: #fff;font-size:30px;text-shadow: 0 0 2px rgba(0,0,0,.2);}
.artists_detail .programlist .item .c{margin-left: 8px; width:50%;}
.artists_detail .programlist .item .c h3{height:24pt;margin:8px 0 12px 0;font-size:10pt;color: #333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.artists_detail .programlist .item .c h4{display:block; height: 21px;margin-top: 4px;font-family:"arial";color: #f50; font-weight:500;}
.artists_detail .programlist .item .r{ float:right;font-size:10pt;text-align: center; width:60px; color: #666; line-height: 80px;}
.artists_detail .programlist .item .r input[type="radio"]{width: 28px;height: 26px;-webkit-appearance: none;background-color: transparent;border: 0;outline: 0 !important;}
.artists_detail .programlist .item .r input[type="radio"]:before {font-family:iconfont;font-size: 28px;font-weight: normal;line-height: 1;color: rgba(170, 170, 170, .6);text-decoration: none;background: none;border-radius: 0;-webkit-font-smoothing: antialiased;}
.artists_detail .programlist .item .r input[type="radio"]:before {content: "\e664";}
.artists_detail .programlist .item .r input[type="radio"]:checked:before {color: #ff5500;content: "\e60c";}
.artists_detail footer{ background:#ff5000; text-align: center;}
.artists_detail footer a{width: 100%;display: block;color: #fff;}
/*v2*/
.artists_detail .content_box{position: relative;}
.artists_detail .content_box #bg_img{overflow: hidden;position: fixed;top: 44px;}
.artists_detail .content_box #bg_img.bg_img_ios{overflow: hidden;position: fixed;top: 64px;}
.artists_detail .content_box .text{position:absolute; overflow: scroll;width: 100%;top: 0; bottom: 0; width: 100%;background: rgba(0,0,0,.4);
-webkit-overflow-scrolling : touch;
}
.artists_detail .content_box .text #part_1 ul{width: 80%; margin: 0 auto;text-align: center;  color: #fff;}
.artists_detail .content_box .text #part_1 ul dt{font-size: 14pt;line-height: 40px;border-top: 1px solid #999ca0;}
.artists_detail .content_box .text #part_1 ul dd{font-size: 12pt;line-height:24px;border-bottom: 1px solid #999ca0;padding-bottom: 10px;}
.artists_detail .content_box .text #part_2{background:rgba(103,108,120,.8);color: #fff; font-size: 10pt;height: 170px;}
.artists_detail .content_box .text #part_2 li{width: 100%;text-align: center;display: block;}
.artists_detail .content_box .text #part_2 .img{height:60px; padding-top:20px;}
.artists_detail .content_box .text #part_2 .img img{width: 60px;height:60px;border-radius: 50%; border: 1px solid #fff;margin: 0 auto;}
.artists_detail .content_box .text #part_2 .name{font-size: 12pt;line-height:40px;height:40px;}
.artists_detail .content_box .text #part_2 .favor{padding-bottom:20px;height:30px;}
.artists_detail .content_box .text #part_2 .favor span{display:block; height:26px;line-height: 26px; width:80px; border-radius:14px;border: 1px solid #fff; margin: 0 auto;}
.artists_detail .content_box .text #part_2 .favor span.active{background: #f25c3a;border: 1px solid #f25c3a;}
.artists_detail .content_box .text #part_2 .favor span .iconfont{font-size: 12pt;}
.artists_detail .content_box .text #part_2 .favor span.active .iconfont:before { content: "\e605"; }
.artists_detail .content_box .text #part_3{background: #fff;}
.artists_detail .content_box .text #part_3 .tab{border-bottom: 1px solid #b2b2b2;height: 42px;line-height: 42px;width: 100%;background: #fff;}
.artists_detail .content_box .text #part_3 .tab ul{margin: 0 14px;}
.artists_detail .content_box .text #part_3 .tab li{float: left;width: 33.333333%;text-align: center;}
.artists_detail .content_box .text #part_3 .tab li.active{border-bottom: 2px solid #38ddcc; height: 40px;}
.artists_detail .content_box .text #part_3 .tab.top{position: fixed; top:40px;}
.artists_detail .content_box .text #part_3 .tab.top_ios{position: fixed; top:64px;}
.artists_detail .content_box .text #part_3 #tab_hack{display:none;width: 100%; height: 44px;}
.artists_detail .service{padding:2px 0px 10px 16px;}
.artists_detail .comment{padding:10px 0 10px 16px;}
.artists_detail .service dt{font-size: 12pt; border-bottom: 1px solid #ccc;line-height: 30px;text-indent: -8px;}
.artists_detail .service dd{font-size: 10pt;color:#5d5d5d; font-weight: 300;padding:6px 0 10px 0;}
.artists_detail .service dd.price{font-family:"arial"; font-size: 14pt; color: #f50; font-weight:500; margin-top: 10px;}
.artists_detail .program_list{padding:2px 0 0 8px; background: #fff;}
.artists_detail .program_list .item{ background: #fff;padding:8px 0 0 8px;}
.artists_detail .program_list .item ul{width: 100%;border-bottom: 1px solid #ccc;}
.artists_detail .program_list .item li{float: left;}
.artists_detail .program_list .item .l{width: 110px; height: 110px;}
.artists_detail .program_list .item .c{margin-left: 14px; width:50%;}
.artists_detail .program_list .item .c h3{height:50px;margin-top:4px;font-size:12pt;color: #333;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.artists_detail .program_list .item .c h4{display:block; height: 21px;margin-top: 4px;font-family:"arial";color: #f50; font-weight:500;}
.artists_detail .program_list .item .c p{display:block;color: #666; height: 21px;font-size: 10pt;margin-left:-8px;}
.artists_detail .program_list .item .iconfont{ margin-left: 8px; font-size:10pt;}
.artists_detail .program_list .item .r{font-size:10pt;text-align: center; width:30px; color: #666;overflow: hidden;height: 46px;}
.artists_detail .program_list .item .r img{width: 24px; border-radius:24px;margin: 2px auto;}
.artists_detail .comment .item{ border-bottom: 1px solid #ccc;}
.artists_detail .comment .item dt{ margin:6px 12px; color: #000;}
.artists_detail .comment .item dt .name{margin-right: 10px;}
.artists_detail .comment .item dt .content{ margin-top: 6px; color: #666;font-size: 10pt;}
.artists_detail .comment .item .name{float: left;}
.artists_detail .comment .item .star{float: left;}
.artists_detail .comment .item .star a{font-size: 12px;color: #ff9500; margin-right:-2px;}
.artists_detail .comment .item .date{float: right; font-size: 10pt; margin-right: 8px;}
.artists_detail .comment .item dd{margin-right: 18px; margin-left: 10px;}
.artists_detail .comment .item dd li{width: 33.33333333%; float: left;}
.artists_detail .comment .item dd li a{display: block; margin: 3px;}










/*my*/
.my .login{ position: relative; border-bottom: 1px solid rgb(88,94,103);width: 100%;overflow: hidden;}
.my .login dl{position: absolute; top: 0; width: 100%; height: 100%;padding-top: 14px;}
.my .login .guest img{ width: 15%; margin: 0 auto;}
.my .login .guest a{display: block; width: 110px;font-size:13pt;height: 30px; line-height: 30px; margin:8px auto 0 auto;text-align: center; border: 1px solid rgb(0,225,205);color: rgb(0,225,205); border-radius: 4px;}
.my .login .user{height:100%; margin-top: 24px;color: rgb(229,233,236);font-size: 16pt;}
.my .login .user li{height:60px;float:left;line-height:60px;}
.my .login .user img{ width: 60px;margin:auto 10px auto 16px;}
.my .login .user .r{ float: right; font-size: 20pt; margin-right: 14px;}
.my .login dl img{
	border: 1pt solid rgba(255,255,255,1.0);
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	/*-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,1);
	box-shadow: 0 0 1px 1px rgba(255,255,255,1);
	background-color:rgba(255,255,255,0.9);
	background-clip:content-box;*/
}
.my .itemlist{ border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; margin:15px 0 5px 0; background: #fff;}
.my .itemlist dl{ margin-left: 17px; height: 44px;line-height: 44px;border-bottom: 1px solid #d9d9d9;}
.my .itemlist dl.normal{border-bottom:0}
.my .itemlist li{float: left; display: inline-block;}
.my .itemlist .icon{ width: 22px; margin-top: 11px; margin-right: 16px;}
.my .itemlist .text{ font-size: 12pt;}
.my .itemlist .arrow{ width: 8px; float: right; margin: 18px 20px auto auto;}
.my .itemlist .text .newmsg{display:inline-block;width:10px;height:10px;background: #f30; border-radius: 50%; margin-left: 10px;}

/*my_favor*/
.my_favor{ background: #fff;margin-bottom: 60px;}
.my_favor .tab{width:100%;}
.my_favor .tab ul{margin: 10px 14px; border: 1px solid #848484; height: 28px; border-radius:4px;}
.my_favor .tab li{float: left;width:50%;line-height: 28px; height: 28px; text-align: center;}
.my_favor .tab li a{display: block;width:100%; color: #848484;font-size: 11pt;}
.my_favor .tab li.r a{ border-left: 1px solid #848484;}
.my_favor .tab .active a{background:#848484; color: #fff;}
.my_favor .service{padding:2px 0px 10px 16px;}
.my_favor .programlist .item{ background: #fff;position: relative;padding:8px 0 0 8px;}
.my_favor .programlist .item ul{width: 100%;border-bottom: 1px solid #ccc;}
.my_favor .programlist .item li{float: left;}
.my_favor .programlist .item .l{width: 110px; height: 110px;}
.my_favor .programlist .item .c{margin-left: 14px; width:48%;}
.my_favor .programlist .item .c h3{height:40px;margin-top:4px;margin-bottom:10px;font-size:12pt;color: #333;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.my_favor .programlist .item .c h4{display:block; height: 21px;margin-top: 4px;font-family:"arial";color: #f50; font-weight:500;}
.my_favor .programlist .item .c p{display:block;color: #666; height: 21px;font-size: 10pt;margin-left:-8px;}
.my_favor .programlist .item .iconfont{ margin-left: 8px; font-size:10pt;}
.my_favor .programlist .item .r{float: right; margin-right: 8px;margin-top:52px;font-size:10pt;text-align: center; width:30px; color: #666;}
.my_favor .programlist .item .r img{width: 24px; border-radius:24px;margin: 2px auto;}
.my_favor .artists_list{margin: 8px;}
.my_favor .artists_list div{width: 50%;float: left;}
.my_favor .artists_list div ul{margin: 4px;position: relative;}
.my_favor .artists_list div ul dd{width:100%;position:absolute;bottom: 0;}
.my_favor .artists_list div ul dd .num{color:rgba(170,224,0,.8);font-size: 9pt;line-height: 100%;padding:0 4px;text-shadow:0px 0px 2px rgba(0,0,0,.5);}
.my_favor .artists_list div ul dd .num em{float:left;}
.my_favor .artists_list div ul dd .num em .iconfont{font-size: 10pt;margin-right: 3px;}
.my_favor .artists_list div ul dd .num span{float:right;font-size: 9pt;}
.my_favor .artists_list div ul dd .num span a{font-size: 9px; margin-right: 2px;position: relative;top: -1px;}
.my_favor .artists_list div ul dd .text{height: 28px;line-height: 28px; background: rgba(40,32,45,0.8);color: #fff; padding: 0 0 0 4px;}
.my_favor .artists_list div ul dd .text em{font-size: 10pt;float:left;}
.my_favor .artists_list div ul dd .text span{float:right;}
.my_favor .artists_list div ul dd .text span a{float: left;color: #f50; font-size: 9px;display:inline-block; width:12px;height: 12px; margin-left: -3px;}
.my_favor .artists_list .checkbox{width: 100%;height:100%;text-align: center;margin-bottom: 40px;}
.my_favor .artists_list .checkbox input[type="checkbox"]{width: 36px;height:36px;-webkit-appearance: none;background-color: transparent;border: 0;outline: 0 !important;}
.my_favor .artists_list .checkbox input[type="checkbox"]:before {font-family:iconfont;font-size:0;font-weight: normal;line-height: 1;color: rgba(255, 255, 255, .8);text-decoration: none;background: none;border-radius: 0;-webkit-font-smoothing: antialiased;}
.my_favor .artists_list .checkbox input[type="checkbox"]:before {content: "\e664";}
.my_favor .artists_list .checkbox input[type="checkbox"]:checked:before {color:#fff;font-size:36px;content: "\e60c";box-shadow: 0 0 2px rgba(0,0,0,.8);}

/*my_coupons*/
.my_coupons{background:#fff;color:#565f7e;}
.my_coupons .item{width:100%;}
.my_coupons .item ul{margin:14px 14px 0px 14px;}
.my_coupons .item ul dt{background: #565f7e; height: 10px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom:4px dotted #fff;}
.my_coupons .item ul dd{height: 132px;line-height: 132px;background: #fff;border: 1px solid #ddd;border-top: 0;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.my_coupons .item ul dd li{float: left;}
.my_coupons .item ul dd li.l{width:30px;height:80px;text-align:right;padding-top:18px;font-size: 24px;font-family: arial;}
.my_coupons .item ul dd li.c{ width:120px;font-size:70px;margin-left:4px;font-family:"HelveticaNeue-Thin";}
.my_coupons .item ul dd li.r{padding-top:46px;}
.my_coupons .item ul dd li.r p{ line-height:160%;font-size: 11pt;color: #666;}
.my_coupons .item ul dd li.r p.b{font-size: 10pt;color: #565f7e; overflow: hidden;white-space: nowrap;}
.my_coupons .item.disabled{color:#d0d0d0;}
.my_coupons .item.disabled ul dt{background: #d0d0d0;}
.my_coupons .item.disabled ul dd li.r p{color: #d0d0d0;}
.my_coupons .item.disabled ul dd li.r p.b{color: #d0d0d0;}

/*my_address_list*/
.my_address_list{background: #eeeeee;}
.my_address_list .item{background:#fff;width: 100%;position: relative;color: #3d4245;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; margin-bottom:14px;}
.my_address_list .item dt{padding:8px 14px;}
.my_address_list .item dt li{line-height: 22px;}
.my_address_list .item dt .name{float: left;font-weight: bold;}
.my_address_list .item dt .phone{float: right;}
.my_address_list .item dt .address{font-size: 9pt;line-height: 120%; margin-top:4px;}
.my_address_list .item dt .address span{color: #ff5000;}
.my_address_list .item input[type="radio"]{width: 28px;height: 24px;line-height:34px; -webkit-appearance: none;background-color: transparent;border: 0;outline: 0 !important;}
.my_address_list .item input[type="radio"]:before {font-family:iconfont;font-size:22px;font-weight: normal;color: rgba(102,102,102, 1);text-decoration: none;background: none;border-radius: 0;-webkit-font-smoothing: antialiased;}
.my_address_list .item input[type="radio"]:before {content: "\e664";}
.my_address_list .item input[type="radio"]:checked:before {color: #ff5000;content: "\e60c";}
.my_address_list .item dd{background: #fff;color:#666;font-size:10pt; padding:2px 14px 8px 2px; margin-left: 12px;border-top:1px solid #eee;}
.my_address_list .item dd li.l{float: left;}
.my_address_list .item dd li.l input{float: left;}
.my_address_list .item dd li.l a{float: left;margin-top:8px;}
.my_address_list .item dd li.r{float: right;padding-left:20px;}
.my_address_list .new{text-align: center;background: #fff;padding: 12px 0;margin-bottom: 14px;border-bottom:1px solid #d5d5d5;}
.my_address_list .new a{background: #ff5000;color:#fff;width:200px;height:28px;line-height: 28px; border-radius:14px;display: block;font-size: 12pt;font-weight: normal;margin: 0 auto;}
.my_address .detail{background: #fff;color: #666;}
.my_address .detail ul{padding:12px 14px;border-bottom:1px solid #d5d5d5;}
.my_address .detail li{float: left; display: inline-block;text-align: left;}
.my_address .detail .l{width: 80px;color: #999;}
.my_address .detail .r{width:70%;}
.my_address .detail .r input{border:0; width: 100%;}
.my_address .del{color:#f30;background: #fff;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;text-align: center;margin-top: 30px;}
.my_address .del a{display: block;height: 100%;padding:12px 14px;}
.my_address footer,
.my_address_list footer{ background: #fff;border-top:1px solid #d5d5d5;text-align: center;width: 100%;}
.my_address footer a,
.my_address_list footer a{background: #ff5000;width:200px;height:28px;line-height: 28px; border-radius:14px;display: block;font-size: 12pt;font-weight: normal; float: inherit;margin:10px auto;}

/*my_setting*/
.my_setting .detail{background: #fff;color: #666;margin-top: 20px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
.my_setting .detail ul{padding:12px 14px 12px 0;border-bottom:1px solid #d5d5d5;margin-left:20px;}
.my_setting .detail ul.normal{border-bottom: 0;}
.my_setting .detail li{ display: inline-block;text-align: left;}
.my_setting .detail .l{float: left;width: 120px;}
.my_setting .detail .l .newmsg{display:inline-block;width:10px;height:10px;background: #f30; border-radius: 50%; margin-left: 10px;}
.my_setting .detail .r{float: right;text-align: right;}
.my_setting .detail .r .iconfont{line-height: 16px;font-size: 12pt;font-weight: 100;}
.my_setting .logout{color:#f30;background: #fff;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;text-align: center;margin-top: 30px;}
.my_setting .logout a{display: block;height: 100%;padding:12px 14px;}

/*my_joinus*/
.my_joinus .detail{background: #fff;color: #666;}
.my_joinus .detail ul{padding:12px 14px;border-bottom:1px solid #d5d5d5;}
.my_joinus .detail li{float: left; display: inline-block;text-align: left;}
.my_joinus .detail .l{width:120px;color: #999;}
.my_joinus .detail .c{width:52%;}
.my_joinus .detail .c input{border:0; width: 100%;}
.my_joinus .detail .r{float: right;text-align: right;}
.my_joinus .detail .r .iconfont{line-height: 16px;font-size: 12pt;font-weight: 100;}
.my_joinus .del{color:#f30;background: #fff;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;text-align: center;margin-top: 30px;}
.my_joinus .del a{display: block;height: 100%;padding:12px 14px;}
.my_joinus .email{margin-top:30px;width:100%;text-align: center;font-size:10pt;color: #666;text-shadow:1px 1px 1px #FFF;}

/*my_feedback*/
.my_feedback{background: #fff;}
.my_feedback .detail{color: #666;margin-top: 20px;width: 100%;}
.my_feedback .detail ul{margin:14px;padding:14px;border: 1px solid #ddd;border-radius: 6px;}
.my_feedback textarea,
.my_feedback input{width: 100%;border: 0;}
.my_feedback .submit{color:#666;background: #fff;text-align: center;margin:30px 14px 0 14px;border: 1px solid #5f646e;border-radius: 6px;font-weight:500;font-size: 12pt;}
.my_feedback .submit a{display: block;height: 100%;height: 38px;line-height:38px;}

/*my_login*/
.my_login .top{margin:10px 0 0 0;color: #333;font-size: 12pt;}
.my_login .top ul{padding:0px 14px;}
.my_login .top ul dl{text-align: center;height:36px;line-height:36px;}
.my_login .top ul dt{margin-bottom:12px;}
.my_login .top dt .l input{width:100%;}
.my_login .top dt .l{float: left;width:52%;}
.my_login .top dt .l,
.my_login .top dd{display: block;border: 1px solid #ccc;border-radius: 6px;padding:10px;background: #fff;}
.my_login .top dt .r{float: right;width:114px;}
.my_login .top dt .r a{display: block;border: 1px solid #5f646e;border-radius: 6px;padding:10px;background: #fff;text-align: center;}
.my_login .top dt .r a:active{opacity: .5;}
.my_login .top input{border:0;width: 100%;}
.my_login .submit ul{padding:10px 14px;}
.my_login .submit a{background:rgb(0,225,205);color:#fff;border: 1px solid rgb(0,225,205);display: block;height:40px;line-height:40px; margin:10px auto 0px auto;border-radius:6px;text-align: center;font-weight:500;font-size:14pt;}
.my_login .submit a:active{opacity: .6;}
.my_login .tel{width: 100%;text-align: center;height:34px;line-height:34px;font-size:10pt;color: #666;text-shadow:1px 1px 1px #FFF;}
.my_login .bottom{width:100%;text-align: center;height:34px;line-height:34px;font-size:10pt;color: #666;text-shadow:1px 1px 1px #FFF;position:absolute;bottom: 0;}
.my_login .bottom a{color: #999;}

/*my_aboutus*/
.my_aboutus{padding: 16px;margin-top: 10px;}
.my_aboutus p{text-indent: 20pt; font-size: 10pt;color: #999;line-height: 130%;}
.my_aboutus .copyright{text-align: center; font-family:arial;font-size: 9pt;margin-top: 20px; margin-bottom: 60px;}

/*index_program_list*/
.index_program_list{background: #efeff4;}
.index_program_list .item{ background: #fff;position: relative;padding:8px 0 0 8px;}
.index_program_list .item ul{width: 100%;border-bottom: 1px solid #ccc;}
.index_program_list .item li{float: left;}
.index_program_list .item .l{width: 110px; height: 110px;}
.index_program_list .item .c{margin-left: 14px; width:50%;}
.index_program_list .item .c h3{height:40px;margin-top:4px;margin-bottom:10px;font-size:12pt;color: #333;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index_program_list .item .c h4{display:block; height: 21px;margin-top: 4px;font-family:"arial";color: #f50; font-weight:500;}
.index_program_list .item .c p{display:block;color: #666; height: 21px;font-size: 10pt;margin-left:-8px;}
.index_program_list .item .iconfont{ margin-left: 8px; font-size:10pt;}
.index_program_list .item .r{ position: absolute; right: 8px; bottom: 15px; font-size:10pt;text-align: center; width:30px; color: #666;overflow: hidden;height: 46px;}
.index_program_list .item .r img{width: 24px; border-radius:24px;margin: 2px auto;}

/*index_program_detail*/
.index_program_detail{ background: #fff;margin-bottom: 60px;}
.index_program_detail .top{ min-height: 180px; position: relative; overflow: hidden;}
.index_program_detail .top dd{width:100%;height:52px;position: absolute;bottom: 0;background:rgba(63,56,67,.8);}
.index_program_detail .top dd.android_only{position:relative;}
.index_program_detail .top dd ul{float: left;}
.index_program_detail .top dd ul.l{margin:0 10px 0 16px; margin-top: 9px;}
.index_program_detail .top dd ul.l img{width: 34px;height: 34px; border-radius: 50%/17px; border-color: #fff;}
.index_program_detail .top dd ul.c{margin-top: 9px;}
.index_program_detail .top dd ul.c li .name{color: #fff; font-size: 12pt; margin-right: 2px;}
.index_program_detail .top dd ul.c li .star a{font-size: 12px;color: #f50; margin-right:-2px;}
.index_program_detail .top dd ul.c li.num{color:rgb(170,224,0); font-size: 10pt;margin-top: 2px;}
.index_program_detail .top dd ul.c li.num .iconfont{font-size:10pt;margin-right: 4px;}
.index_program_detail .top dd ul.r{float:right; width: 80px; height: 52px;line-height: 52px; margin-top: 0px;text-align:right;}
.index_program_detail .top dd ul.r a{font-size: 28px; color: #fff; margin-right: 14px;}
.index_program_detail .tab{width:100%;}
.index_program_detail .tab ul{margin: 10px 14px; border: 1px solid #848484; height: 28px; border-radius:4px;}
.index_program_detail .tab li{float: left;width: 33.33333333%;line-height: 28px; height: 28px; text-align: center;}
.index_program_detail .tab li a{display: block;width:100%; color: #848484;font-size: 11pt;}
.index_program_detail .tab li.c a{ border-left: 1px solid #848484;border-right: 1px solid #848484;}
.index_program_detail .tab .active a{background:#848484; color: #fff;}
.index_program_detail .service{padding:2px 0px 10px 16px;}
.index_program_detail .programlist{padding:2px 0 0 8px;}
.index_program_detail .comment{padding:10px 0 10px 16px;}
.index_program_detail .service dt{font-size: 11pt; margin: 10px 0 2px 0;}
.index_program_detail .service dd{font-size: 9pt;color:#666; margin-bottom: 14px;padding-bottom:4px;font-weight: 300;border-bottom: 1px solid #ccc;}
.index_program_detail .service dd.price{font-family:"arial"; font-size: 14pt; color: #f50; font-weight:500; margin-top: 10px;}
.index_program_detail .programlist .item{ background: #fff;position: relative;padding:8px 0 0 8px;}
.index_program_detail .programlist .item ul{width: 100%;border-bottom: 1px solid #ccc;}
.index_program_detail .programlist .item li{float: left;}
.index_program_detail .programlist .item .l{width: 110px; height: 110px;}
.index_program_detail .programlist .item .c{margin-left: 14px; width:48%;}
.index_program_detail .programlist .item .c h3{height:40px;margin-top:4px;font-size:12pt;color: #333;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index_program_detail .programlist .item .c h4{display:block; height: 21px;margin-top: 4px;font-family:"arial";color: #f50; font-weight:500;}
.index_program_detail .programlist .item .c p{display:block;color: #666; height: 21px;font-size: 10pt;margin-left:-8px;}
.index_program_detail .programlist .item .iconfont{ margin-left: 8px; font-size:10pt;}
.index_program_detail .programlist .item .r{position: absolute; right: 8px; bottom: 15px; font-size:10pt;text-align: center; width:30px; color: #666;overflow: hidden;height: 46px;}
.index_program_detail .programlist .item .r img{width: 24px; border-radius:24px;margin: 2px auto;}
.index_program_detail .comment .item{ border-bottom: 1px solid #ccc;}
.index_program_detail .comment .item dt{ margin:6px 12px; color: #000;}
.index_program_detail .comment .item dt .name{margin-right: 10px;}
.index_program_detail .comment .item dt .content{ margin-top: 6px; color: #666;font-size: 10pt;}
.index_program_detail .comment .item .name{float: left;}
.index_program_detail .comment .item .star{float: left;}
.index_program_detail .comment .item .star a{font-size: 12px;color: #ff9500; margin-right:-2px;}
.index_program_detail .comment .item .date{float: right; font-size: 10pt; margin-right: 8px;}
.index_program_detail .comment .item dd{margin-right: 18px; margin-left: 10px;}
.index_program_detail .comment .item dd li{width: 33.33333333%; float: left;}
.index_program_detail .comment .item dd li a{display: block; margin: 3px;}
/*.index_program_detail footer{ background: rgb(0,225,205);}*/
.index_program_detail footer{ background:#ff5000; text-align: center;}
.index_program_detail footer a{width: 100%;display: block;color: #fff;}

/*common_order*/
.common_order .orderitem,
.common_order .itemlist{ border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; margin:15px 0 5px 0; background: #fff;}
.common_order .orderitem dt{ margin-left: 17px; height: 34px;line-height: 34px;border-bottom: 1px solid #d9d9d9;color: #333;}
.common_order .orderitem dd{ margin:8px 0 8px 17px;color:#666;}
.common_order .orderitem dd dl{float: left;}
.common_order .orderitem dd .cover{ margin-right: 10px; width: 60px;}
.common_order .orderitem dd .text{ width:72%;font-size: 10pt;}
.common_order .orderitem dd .title{height:34px;line-height: 17px; margin: 4px 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  }
.common_order .orderitem dd .price span{color:#f50;}
.common_order .itemlist dl{ margin-left: 17px; height: 44px;line-height: 44px;border-bottom: 1px solid #d9d9d9;}
.common_order .itemlist dl.normal{border-bottom:0;}
.common_order .itemlist dl.ready .text{line-height: 100%;font-size: 11pt; padding: 4px 0;font-weight: 300;}
.common_order .itemlist dl.ready .text .t{line-height: 130%;}
.common_order .itemlist dl.ready .text .t .l{float: left;}
.common_order .itemlist dl.ready .text .t .r{float: right; font-size: 10pt;}
.common_order .itemlist dl.ready .text .b{font-size: 9pt;color: #666;}
.common_order .itemlist li{float: left; display: inline-block;}
.common_order .itemlist .icon{ width: 22px; margin-top: 11px; margin-right: 16px;}
.common_order .itemlist .text{ font-size: 12pt;width:75%;color: #333;}
.common_order .itemlist .arrow{ width: 8px; float: right; margin: 18px 20px auto auto;}
.common_order .itemlist .arrow .iconfont{color:#ccc;width:30px; height:40px; display: block; margin-top: -18px;margin-left: -10px; text-align: center;}
.common_order .itemlist input{border:0; width:100%; height:44px;color: #333;}
.common_order .itemlist input.phonenumber{width:auto; height:22px;color: #333;line-height: 20px;border:0}
.common_order footer{background:#ff5000; text-align: center;}
.common_order footer a{width: 100%;display: block;color: #fff;}
.common_order .select_time{margin: 12px;}
.common_order .select_time dt li{width: 16.666666%; float: left; text-align: center;}
.common_order .select_time dt li a{margin: 3px; display: block; position: relative;}
.common_order .select_time dt li a img{border: 1px solid #363636;border-radius:50%; background: #fff;}
.common_order .select_time dt li a span{display: block;position: absolute; top:0;width:100%;margin-left:1px;padding-top:25%;font-size: 10pt;color: #363636;}
.common_order .select_time dt li.active a img{border: 1px solid #f50;}
.common_order .select_time dt li.active a span{color:#f50;}
.common_order .select_time dd{border-top: 1px solid #adadad;border-left: 1px solid #adadad; margin-top:8px;}
.common_order .select_time dd li{width: 25%; float: left; height: 50px;text-align: center;}
.common_order .select_time dd li a{height:49px; line-height:49px;display: block;background: #fff;border-right: 1px solid #adadad;border-bottom: 1px solid #adadad; color: #333;}
.common_order .select_time dd li.disabled a{background: #e2e2e2;color: #666;}
.common_order .select_time ul{text-align: right; font-size: 9pt;color:#666; margin-top: 10px;}

/*common_oder_detail*/
.common_order_detail{background: #f5f5f5;}
.common_order_detail .status{position: relative;background:#5e6b85; color: #fff;}
.common_order_detail .status dl{position: absolute;top:8px;left:16px;}
.common_order_detail .status ul{margin-left:44px; padding: 12px 0;}
.common_order_detail .status ul dt{color: #fff;font-size:11pt;font-weight:500;}
.common_order_detail .status ul dd{color: #dfe1e6;font-size: 10pt; margin-top: 4px;}
.common_order_detail .status ul dd span{font-family: arial;}
.common_order_detail .summary{position: relative;background:#fff;color:#3d4245;border-bottom: 1px solid #ddd;}
.common_order_detail .summary dl{position: absolute;top:8px;left:16px;}
.common_order_detail .summary ul{margin-left:44px; margin-right:14px; padding: 12px 0;}
.common_order_detail .summary ul dt{font-size:11pt;font-weight:500;}
.common_order_detail .summary ul dd{font-size: 10pt; margin-top: 4px;}
.common_order_detail .summary ul dt span{float: right;font-weight:400;}
.common_order_detail .orderitem{font-size: 10pt; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin:15px 0 5px 0; background: #fff;}
.common_order_detail .orderitem dt{ margin-left: 17px; height: 34px;line-height: 34px;border-bottom: 1px solid #ddd;color: #333;}
.common_order_detail .orderitem dd{ margin:8px 0 8px 17px;color:#666;border-bottom: 1px solid #ddd; padding-bottom: 8px;}
.common_order_detail .orderitem dd dl{float: left;}
.common_order_detail .orderitem dd .cover{ margin-right: 8px; width: 60px;}
.common_order_detail .orderitem dd .text{ width:57%;}
.common_order_detail .orderitem dd .title{height:34px;line-height: 17px; margin: 4px 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  }
.common_order_detail .orderitem .price{font-size: 10pt;float:right; margin-right: 14px;}
.common_order_detail .orderitem .cost{line-height: 22px;}
.common_order_detail .orderitem .total{color: #f50;font-size: 11pt;}
.common_order_detail .orderitem .tip{padding-right: 17px;}
.common_order_detail .orderitem .tip a{display: block; width:180px;height: 30px;line-height:30px; margin:16px auto 8px auto; border: 1px solid #5f646e;border-radius:6px;text-align: center;font-weight:500;font-size: 11pt;}
.common_order_detail .orderitem .time{border-bottom: 0; margin-bottom:0;color: #999;font-weight: 100;font-size: 9pt;}
.common_order_detail .orderitem .tip a .iconfont{font-size: 16px; margin-right: 6px;}
.common_order_detail .payment{font-size: 11pt;line-height:26px;}
.common_order_detail .payment dd li{display: inline-block;width: 100%;}
.common_order_detail .payment dd li font{margin-left:36px;}
.common_order_detail .payment dd li .iconfont{font-size:28px;text-align: center;position: absolute;}
.common_order_detail .payment dd li img{margin-right:8px; width: 26px; float:left;}
.common_order_detail .payment dd li input[type="radio"]{position: absolute;right: 14px; float:right;width: 28px;height: 26px;-webkit-appearance: none;background-color: transparent;border: 0;outline: 0 !important;}
.common_order_detail .payment dd li input[type="radio"]:before {font-family:iconfont;font-size: 28px;font-weight: normal;line-height: 1;color: rgba(170, 170, 170, .6);text-decoration: none;background: none;border-radius: 0;-webkit-font-smoothing: antialiased;}
.common_order_detail .payment dd li input[type="radio"]:before {content: "\e664";}
.common_order_detail .payment dd li input[type="radio"]:checked:before {color: #ff5500;content: "\e60c";}
.common_order_detail .blank_h{height: 70px;}
.common_order_detail footer{background: #f8f8f8;border-top: 1px solid #ddd; height: 60px; line-height: 60px;}
.common_order_detail footer a{color:#5f646e;display: block; width:80px;height:42px;line-height:42px; margin: 9px 12px;
border: 1px solid #5f646e;border-radius:6px;text-align: center;font-size: 12pt;font-weight:400;}
.common_order_detail footer a.pay{color:#f60;border: 1px solid #f60;}
.common_order_detail footer .l{float: left;}
.common_order_detail footer .r{float: right;}

/*common_order_tip*/
.common_order_tip .top{width: 100%;color: #333;}
.common_order_tip .top ul{padding:10px 14px;}
.common_order_tip .top dd{border: 1px solid #ddd;border-radius: 6px;background: #fff; padding: 12px;margin-top:8px;}
.common_order_tip .top dd textarea{width: 100%;border: 0;}
.common_order_tip .top dd li{display: inline;}
.common_order_tip .top dd .l{float:left;}
.common_order_tip .top dd .r{float: right;}
.common_order_tip .top dd .r input{width: 80px;margin-right:6px;text-align:right;border: 0;}
.common_order_tip .top dl{margin-top:10px;text-align: center;font-size:30px;font-weight:600;font-family:"HelveticaNeue-Thin";}
.common_order_tip .top dl span{font-size: 16pt;font-family:arial;font-weight: normal; margin-right: 4px;}
.common_order_tip .payment{font-size: 11pt; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin:6px 0 0 0; background: #fff;}
.common_order_tip .payment dt{ margin-left: 17px; height: 34px;line-height: 34px;border-bottom: 1px solid #ddd;color: #333;}
.common_order_tip .payment dd{ margin:8px 0 0 17px;color:#666;border-bottom: 1px solid #ddd; padding-bottom: 8px;}
.common_order_tip .payment dd.normal{border-bottom: 0;}
.common_order_tip .payment dd li{display: inline-block;width: 100%;}
.common_order_tip .payment dd li .iconfont{ float:left;margin-right:8px;font-size:26px;display:inline-block;text-align: center;height:35px; margin-top:-9px;}
.common_order_tip .payment dd li img{margin-right:8px; width: 26px; float:left;}
.common_order_tip .payment dd li input[type="radio"]{position: absolute;right: 14px; float:right;width: 28px;height: 26px;-webkit-appearance: none;background-color: transparent;border: 0;outline: 0 !important;}
.common_order_tip .payment dd li input[type="radio"]:before {font-family:iconfont;font-size: 28px;font-weight: normal;line-height: 1;color: rgba(170, 170, 170, .6);text-decoration: none;background: none;border-radius: 0;-webkit-font-smoothing: antialiased;}
.common_order_tip .payment dd li input[type="radio"]:before {content: "\e664";}
.common_order_tip .payment dd li input[type="radio"]:checked:before {color: #ff5500;content: "\e60c";}
.common_order_tip .submit a{background:#fff;display: block; width:90%;height: 34px;line-height:34px; margin:20px auto 28px auto; border: 1px solid #5f646e;border-radius:6px;text-align: center;font-weight:500;font-size: 12pt;}
.common_order_tip .submit a .iconfont{font-size: 16px; margin-right: 6px;}

/*common_order_comment*/
.common_order_comment{background: #fff;}
.common_order_comment .top{width: 100%;color: #333; margin-top: 10px;}
.common_order_comment .top ul{padding:10px 14px;}
.common_order_comment .top ul dt li{width: 33.333333%; float: left;position: relative; line-height: 26px;}
.common_order_comment .top ul dt li span{ margin-left:40px;}
.common_order_comment .top ul dt li input[type="radio"]{position: absolute;left:10px;width: 28px;height: 26px;-webkit-appearance: none;background-color: transparent;border: 0;outline: 0 !important;}
.common_order_comment .top ul dt li input[type="radio"]:before {font-family:iconfont;font-size: 28px;font-weight: normal;line-height: 1;color: rgba(170, 170, 170, .6);text-decoration: none;background: none;border-radius: 0;-webkit-font-smoothing: antialiased;}
.common_order_comment .top ul dt li input[type="radio"]:before {content: "\e664";}
.common_order_comment .top ul dt li input[type="radio"]:checked:before {color: #ff5500;content: "\e60c";}
.common_order_comment .top dd{border: 1px solid #ddd;border-radius: 6px;background: #fff; padding: 12px;margin:8px 2px;}
.common_order_comment .top dd textarea{width: 100%;border: 0;}
.common_order_comment .top dl li{width: 33.33333333%; float: left;text-align: center;}
.common_order_comment .top dl li a{display: block; margin: 3px;}
.common_order_comment .top dl li.add{position: relative;}
.common_order_comment .top dl li.add img{border: 1px solid #ddd;background: #fff;}
.common_order_comment .top dl li.add span{position: absolute;width: 100%;height:100%;top: 0;left:0;}
.common_order_comment .top dl li.add span em{margin-top:22%;display: block;font-size:40px;}
.common_order_comment .submit ul{padding:10px 14px;}
.common_order_comment .submit a{background:#fff;display: block;height: 34px;line-height:34px; margin:10px auto 28px auto; border: 1px solid #5f646e;border-radius:6px;text-align: center;font-weight:500;font-size: 12pt;}
.common_order_comment .submit a .iconfont{font-size: 16px; margin-right: 6px;}

/*common_order_request*/
.common_order_request{background: #fff;}
.common_order_request .top{width: 100%;color: #333;}
.common_order_request .top ul{padding:10px 14px;}
.common_order_request .top ul li{border: 1px solid #ddd;border-radius: 6px;background: #fff; padding: 12px;margin:8px 2px;}
.common_order_request .top ul li textarea{width: 100%;border: 0;}
.common_order_request .submit ul{padding:0 14px 10px 14px;}
.common_order_request .submit a{background:#fff;display: block;height: 34px;line-height:34px; margin:10px auto 20px auto; border: 1px solid #5f646e;border-radius:6px;text-align: center;font-weight:500;font-size: 12pt;}
.common_order_request .tag ul{padding:0 11px 10px 11px;}
.common_order_request .tag ul li{width: 50%;float: left;color: #999;font-size:10pt;margin-bottom:12px;}
.common_order_request .tag ul li span{border: 1px solid #ddd;padding:6px 3px;border-radius:4px;margin: 0 3px;height:22px;line-height:22px;display:block;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}
.common_order_request .tag a.iconfont{font-size:14px;}

/*common_catalog*/
.common_catalog{color: #fff;position: relative;background: #2c2d44;}
.common_catalog .list{padding: 8px; position: absolute;top: 0; padding-bottom: 30px;}
.common_catalog .list .all{height: 44px;line-height: 44px;font-size: 14pt;font-weight:500;text-align: center;background: rgba(255,255,255,.06);border-radius: 3px;}
.common_catalog .list ul dt{margin:16px 2px 6px 2px; font-size: 13pt;font-weight:500;}
.common_catalog .list ul li{float: left;width: 25%;text-align: center;}
.common_catalog .list ul li a{font-size:12pt;font-weight: 400;margin: 2px;display: block;background: rgba(255,255,255,.06);height: 44px;line-height: 44px;border-radius: 3px;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}	

/*common_net_status*/
.common_net_status{width: 100%;color: #3d4245;font-size: 14pt;font-weight:bold; margin-top:30%;}
.common_net_status li{margin:20px auto;text-align:center;width: 100%;color: #FFFFFF}
.common_net_status li.icon{background-color: #999;border-radius:50%;width:100px;height: 100px; display: block;}
.common_net_status .iconfont{font-size:60px;color: #fff;line-height: 100px;}
.common_net_status .reload{font-size: 11pt;font-weight:normal;color:#FFFFFF;display: block;border: 1px solid #848484;border-radius: 4px;line-height:30px; height: 30px; width:110px; margin: 0 auto;}
.common_net_status .reload:active{opacity: .5;}

/*tab_catalog*/
.tab_catalog{background: #3c446f;
/*overflow: scroll;-webkit-overflow-scrolling : touch;width: 100%;height:800px;background-image: url(img/category_middle_bg.png); background-size:100%;*/
position: relative;
}
.tab_catalog .bg{width: 100%;position: fixed;top:84px;}
.tab_catalog .bg img{width: 100%;}
.tab_catalog .container{position: absolute;top: 0;width: 100%;}
.tab_catalog #header{
	z-index: 999;
	position: fixed; top: 0px; 
	color:#858791; width:100%; height: 84px;text-align: center; 
	font-size: 12pt; font-weight: bold;
	/*background-image: url(img/category_top_bg.png);*/
}
.tab_catalog #header #catelog_level_1{height: 44px; line-height: 44px; background: #32374d;}
.tab_catalog #header #catelog_level_1 ul li{width:50%;float: left; font-size: 14pt;}
.tab_catalog #header #catelog_level_1 ul li.active{color: #fff;}
.tab_catalog #header #catelog_level_2{height: 40px; line-height: 40px;background-image: url(img/category_top_bg_2.png);}
.tab_catalog #header #catelog_level_2 ul{width: 100%;}
.tab_catalog #header #catelog_level_2 ul li{float: left; text-align: center;font-size: 13pt;}
.tab_catalog #header #catelog_level_2 ul li.active{color: #38ddcc; border-bottom: 2px solid #38ddcc; height: 38px;}
.tab_catalog #header #catelog_level_2 .col4 li{width: 25%;}
.tab_catalog #header #catelog_level_2 .col5 li{width: 20%;}
.tab_catalog #catelog_level_3 ul{display:none; width: 100%; padding:10px 0;}
.tab_catalog #catelog_level_3 ul.active{display:block;}
.tab_catalog #catelog_level_3 ul li{padding:4px 11px;}

/*listpage*/
.listpage .tab_catelog{position: fixed;top:44px;z-index: 998;background: #33384f;height: 40px; line-height:40px;width: 100%; border-bottom: 1px solid #5a638b;color: #868993; font-size: 14pt;}
.listpage .tab_catelog ul li{width: 50%; text-align: center; float: left;height: 40px;font-weight:500;}
.listpage .tab_catelog ul li.active{color: #38ddcc; height: 39px; border-bottom: 2px solid #38ddcc;}
.listpage .item_program{width: 100%;position: relative;}
.listpage .item_program .text{color: #fff;position: absolute;top: 0; bottom: 0; width: 100%;background: rgba(0,0,0,.4);}
.listpage .item_program .text dt,
.listpage .item_program .text dd,
.listpage .item_program .text dl{width: 100%;display: block;}
.listpage .item_program .text dt{margin-top: 14px;}
.listpage .item_program .text dt ul{float: left;}
.listpage .item_program .text dt ul.l{width:60px; margin-left: 14px;}
.listpage .item_program .text dt ul.l img{width: 100%; border-radius: 50%; border: 1px solid #fff;}
.listpage .item_program .text dt ul.r{margin-left:10px;}
.listpage .item_program .text dt ul.r .name{ font-size: 13pt; margin-top:10px; line-height:22px;}
.listpage .item_program .text dt ul.r .level a{float: left;color: #d85854; font-size:12px;display:inline-block; width:14px;height: 14px; margin-left: -1px;}
.listpage .item_program .text dl{padding-top: 80px; margin-top: 10px; text-align: center;font-size: 14pt;}
.listpage .item_program .text dd{position: absolute; bottom: 0;}
.listpage .item_program .text dd li{float: left; width: 33.333333%;line-height:40px;height:40px;font-size: 12px;}
.listpage .item_program .text dd li a{ margin-left:14px;font-size:18px; margin-right:2px;}
.listpage .item_program .text dd li a.active{color: #f25d3b;}
.listpage .item_program .text dd li a.active:before { content: "\e605"; }
.listpage .item_program .text dd li.price{line-height:30px;height:30px;}
.listpage .item_program .text dd li.price a{width:60%;font-size:10pt;border: 1px solid #23c065;color: #23c065;display: block; border-radius: 6px; text-align: center;}








/*=====================================漂亮的分割线===========================================*/



/*iocn*/
header .mui-action-back:before {font-size: 18pt;margin:0 -3px 0 -6px;position: relative;top: 2px;}
header .icon-favor:before {font-size: 18pt;margin:0 -3px 0 -6px;position: relative;top: -1px;}
header .icon-favorfill:before {font-size: 18pt;margin:0 -3px 0 -6px;position: relative;top: -1px;color:#ff5000;}





@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot'); /* IE9*/
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
  url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16pt;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-play:before { content: "\e6b9"; }
.icon-appreciate:before { content: "\e600"; }
.icon-check:before { content: "\e601"; }
.icon-close:before { content: "\e602"; }
.icon-edit:before { content: "\e603"; }
.icon-emoji:before { content: "\e604"; }
.icon-favorfill:before { content: "\e605"; }
.icon-favor:before { content: "\e606"; }
.icon-loading:before { content: "\e607"; }
.icon-locationfill:before { content: "\e608"; }
.icon-location:before { content: "\e609"; }
.icon-phone:before { content: "\e60a"; }
.icon-roundcheckfill:before { content: "\e60b"; }
.icon-roundcheck:before { content: "\e60c"; }
.icon-roundclosefill:before { content: "\e60d"; }
.icon-roundclose:before { content: "\e60e"; }
.icon-roundrightfill:before { content: "\e60f"; }
.icon-roundright:before { content: "\e610"; }
.icon-search:before { content: "\e611"; }
.icon-taxi:before { content: "\e612"; }
.icon-timefill:before { content: "\e613"; }
.icon-time:before { content: "\e614"; }
.icon-unfold:before { content: "\e615"; }
.icon-warnfill:before { content: "\e616"; }
.icon-warn:before { content: "\e617"; }
.icon-camerafill:before { content: "\e618"; }
.icon-camera:before { content: "\e619"; }
.icon-commentfill:before { content: "\e61a"; }
.icon-comment:before { content: "\e61b"; }
.icon-likefill:before { content: "\e61c"; }
.icon-like:before { content: "\e61d"; }
.icon-notificationfill:before { content: "\e61e"; }
.icon-notification:before { content: "\e61f"; }
.icon-order:before { content: "\e620"; }
.icon-samefill:before { content: "\e621"; }
.icon-same:before { content: "\e622"; }
.icon-tagfill:before { content: "\e623"; }
.icon-tag:before { content: "\e624"; }
.icon-deliver:before { content: "\e625"; }
.icon-evaluate:before { content: "\e626"; }
.icon-pay:before { content: "\e627"; }
.icon-send:before { content: "\e628"; }
.icon-shop:before { content: "\e629"; }
.icon-ticket:before { content: "\e62a"; }
.icon-wang:before { content: "\e62b"; }
.icon-back:before { content: "\e62c"; }
.icon-cascades:before { content: "\e62d"; }
.icon-discover:before { content: "\e62e"; }
.icon-list:before { content: "\e62f"; }
.icon-more:before { content: "\e630"; }
.icon-myfill:before { content: "\e631"; }
.icon-my:before { content: "\e632"; }
.icon-scan:before { content: "\e633"; }
.icon-settings:before { content: "\e634"; }
.icon-questionfill:before { content: "\e635"; }
.icon-question:before { content: "\e636"; }
.icon-shopfill:before { content: "\e637"; }
.icon-form:before { content: "\e638"; }
.icon-wangfill:before { content: "\e639"; }
.icon-pic:before { content: "\e63a"; }
.icon-filter:before { content: "\e63b"; }
.icon-footprint:before { content: "\e63c"; }
.icon-top:before { content: "\e63d"; }
.icon-pulldown:before { content: "\e63e"; }
.icon-pullup:before { content: "\e63f"; }
.icon-right:before { content: "\e640"; }
.icon-refresh:before { content: "\e641"; }
.icon-moreandroid:before { content: "\e642"; }
.icon-deletefill:before { content: "\e643"; }
.icon-refund:before { content: "\e644"; }
.icon-cart:before { content: "\e645"; }
.icon-qrcode:before { content: "\e646"; }
.icon-remind:before { content: "\e647"; }
.icon-delete:before { content: "\e648"; }
.icon-profile:before { content: "\e649"; }
.icon-home:before { content: "\e64a"; }
.icon-cartfill:before { content: "\e64b"; }
.icon-discoverfill:before { content: "\e64c"; }
.icon-homefill:before { content: "\e64d"; }
.icon-message:before { content: "\e64e"; }
.icon-addressbook:before { content: "\e64f"; }
.icon-link:before { content: "\e650"; }
.icon-lock:before { content: "\e651"; }
.icon-unlock:before { content: "\e652"; }
.icon-vip:before { content: "\e653"; }
.icon-weibo:before { content: "\e654"; }
.icon-activity:before { content: "\e655"; }
.icon-big:before { content: "\e656"; }
.icon-friendaddfill:before { content: "\e657"; }
.icon-friendadd:before { content: "\e658"; }
.icon-friendfamous:before { content: "\e659"; }
.icon-friend:before { content: "\e65a"; }
.icon-goods:before { content: "\e65b"; }
.icon-selection:before { content: "\e65c"; }
.icon-tmall:before { content: "\e65d"; }
.icon-attention:before { content: "\e65e"; }
.icon-explore:before { content: "\e65f"; }
.icon-present:before { content: "\e660"; }
.icon-squarecheckfill:before { content: "\e661"; }
.icon-square:before { content: "\e662"; }
.icon-squarecheck:before { content: "\e663"; }
.icon-round:before { content: "\e664"; }
.icon-roundaddfill:before { content: "\e665"; }
.icon-roundadd:before { content: "\e666"; }
.icon-add:before { content: "\e667"; }
.icon-notificationforbidfill:before { content: "\e668"; }
.icon-attentionfill:before { content: "\e669"; }
.icon-explorefill:before { content: "\e66a"; }
.icon-fold:before { content: "\e66b"; }
.icon-game:before { content: "\e66c"; }
.icon-redpacket:before { content: "\e66d"; }
.icon-selectionfill:before { content: "\e66e"; }
.icon-similar:before { content: "\e66f"; }
.icon-appreciatefill:before { content: "\e670"; }
.icon-infofill:before { content: "\e671"; }
.icon-info:before { content: "\e672"; }
.icon-tao:before { content: "\e673"; }
.icon-mobiletao:before { content: "\e674"; }
.icon-forwardfill:before { content: "\e675"; }
.icon-forward:before { content: "\e676"; }
.icon-rechargefill:before { content: "\e677"; }
.icon-recharge:before { content: "\e678"; }
.icon-vipcard:before { content: "\e679"; }
.icon-voice:before { content: "\e67a"; }
.icon-voicefill:before { content: "\e67b"; }
.icon-friendfavor:before { content: "\e67c"; }
.icon-wifi:before { content: "\e67d"; }
.icon-share:before { content: "\e67e"; }
.icon-wefill:before { content: "\e67f"; }
.icon-we:before { content: "\e680"; }
.icon-lightauto:before { content: "\e681"; }
.icon-lightforbid:before { content: "\e682"; }
.icon-lightfill:before { content: "\e683"; }
.icon-camerarotate:before { content: "\e684"; }
.icon-light:before { content: "\e685"; }
.icon-barcode:before { content: "\e686"; }
.icon-flashlightclose:before { content: "\e687"; }
.icon-flashlightopen:before { content: "\e688"; }
.icon-searchlist:before { content: "\e689"; }
.icon-service:before { content: "\e68a"; }
.icon-sort:before { content: "\e68b"; }
.icon-1212:before { content: "\e68c"; }
.icon-down:before { content: "\e68d"; }
.icon-mobile:before { content: "\e68e"; }
.icon-mobilefill:before { content: "\e68f"; }
.icon-copy:before { content: "\e690"; }
.icon-countdownfill:before { content: "\e691"; }
.icon-countdown:before { content: "\e692"; }
.icon-noticefill:before { content: "\e693"; }
.icon-notice:before { content: "\e694"; }
.icon-qiang:before { content: "\e695"; }
.icon-upstagefill:before { content: "\e696"; }
.icon-upstage:before { content: "\e697"; }
.icon-babyfill:before { content: "\e698"; }
.icon-baby:before { content: "\e699"; }
.icon-brandfill:before { content: "\e69a"; }
.icon-brand:before { content: "\e69b"; }
.icon-choicenessfill:before { content: "\e69c"; }
.icon-choiceness:before { content: "\e69d"; }
.icon-clothesfill:before { content: "\e69e"; }
.icon-clothes:before { content: "\e69f"; }
.icon-creativefill:before { content: "\e6a0"; }
.icon-creative:before { content: "\e6a1"; }
.icon-female:before { content: "\e6a2"; }
.icon-keyboard:before { content: "\e6a3"; }
.icon-male:before { content: "\e6a4"; }
.icon-newfill:before { content: "\e6a5"; }
.icon-new:before { content: "\e6a6"; }
.icon-pullleft:before { content: "\e6a7"; }
.icon-pullright:before { content: "\e6a8"; }
.icon-rankfill:before { content: "\e6a9"; }
.icon-rank:before { content: "\e6aa"; }
.icon-bad:before { content: "\e6ab"; }
.icon-cameraadd:before { content: "\e6ac"; }
.icon-focus:before { content: "\e6ad"; }
.icon-friendfill:before { content: "\e6ae"; }
.icon-cameraaddfill:before { content: "\e6af"; }
.icon-iosstarhalf:before { content: "\e6b0"; }
.icon-phone1:before { content: "\e6ba"; }
.icon-iosstaroutline:before { content: "\e6b1"; }
.icon-38:before { content: "\e6b2"; }
.icon-apps:before { content: "\e6b3"; }
.icon-paintfill:before { content: "\e6b4"; }
.icon-paint:before { content: "\e6b5"; }
.icon-picfill:before { content: "\e6b6"; }
.icon-iosstar:before { content: "\e6b7"; }
.icon-refresharrow:before { content: "\e6b8"; }



/*上下滑动刷新*/
@font-face {
  font-family: Muiicons;
  src: url("../../fonts/mui.ttf") format("truetype");
}
.mui-icon {
  display: inline-block;
  font-family: Muiicons !important;
  font-size:14pt;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.mui-content {
  -webkit-overflow-scrolling: touch;
  background-color: #efeff4;
}

.mui-bar-nav ~ .mui-content {
  padding-top: 44px;
}
.mui-bar-nav ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
  top: 44px;
}
.mui-visibility {
  visibility: visible !important;
}
.mui-hidden {
  display: none !important;
}
.mui-scroll-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.mui-scroll {
  position: absolute;
  z-index: 1;
  width: 100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);

  -webkit-backface-visibility: hidden;
}
.mui-plus-pullrefresh .mui-scroll-wrapper {
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  width: auto;
  overflow: auto;
}
.mui-plus-pullrefresh .mui-scroll {
  position: static;
  width: auto;
}
.mui-loading .mui-spinner {
  display: block;
  margin: 0 auto;
}
.mui-spinner {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: spinner-spin 1s step-end infinite;
          animation: spinner-spin 1s step-end infinite;
}
.mui-spinner:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.mui-spinner-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%23fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
}
@-webkit-keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  8.33333333% {
    -webkit-transform: rotate(30deg);
  }

  16.66666667% {
    -webkit-transform: rotate(60deg);
  }

  25% {
    -webkit-transform: rotate(90deg);
  }

  33.33333333% {
    -webkit-transform: rotate(120deg);
  }

  41.66666667% {
    -webkit-transform: rotate(150deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
  }

  58.33333333% {
    -webkit-transform: rotate(210deg);
  }

  66.66666667% {
    -webkit-transform: rotate(240deg);
  }

  75% {
    -webkit-transform: rotate(270deg);
  }

  83.33333333% {
    -webkit-transform: rotate(300deg);
  }

  91.66666667% {
    -webkit-transform: rotate(330deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinner-spin {
  0% {
    transform: rotate(0deg);
  }

  8.33333333% {
    transform: rotate(30deg);
  }

  16.66666667% {
    transform: rotate(60deg);
  }

  25% {
    transform: rotate(90deg);
  }

  33.33333333% {
    transform: rotate(120deg);
  }

  41.66666667% {
    transform: rotate(150deg);
  }

  50% {
    transform: rotate(180deg);
  }

  58.33333333% {
    transform: rotate(210deg);
  }

  66.66666667% {
    transform: rotate(240deg);
  }

  75% {
    transform: rotate(270deg);
  }

  83.33333333% {
    transform: rotate(300deg);
  }

  91.66666667% {
    transform: rotate(330deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.mui-pull-top-pocket, .mui-pull-bottom-pocket {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  overflow: hidden;
  visibility: hidden;
}

.mui-plus-pullrefresh .mui-pull-top-pocket, .mui-plus-pullrefresh .mui-pull-bottom-pocket {
  display: none;
  visibility: visible;
}

.mui-pull-top-pocket {
  top: 0;
}

.mui-bar-nav ~ .mui-content .mui-pull-top-pocket {
  top: 44px;
}

.mui-pull-bottom-pocket {
  position: relative;
  bottom: 0;
  height: 40px;
}
.mui-pull-bottom-pocket .mui-pull-loading {
  display: none;
}
.mui-pull-bottom-pocket .mui-pull-loading.mui-in {
  display: inline-block;
}

.mui-pull {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
}

.mui-pull-loading {
  margin-right: 10px;
  vertical-align: middle;
  -webkit-transition: -webkit-transform .4s;
          transition:         transform .4s;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;

  -webkit-backface-visibility: hidden;
}

.mui-pull-loading.mui-reverse {
  -webkit-transform: rotate(180deg) translateZ(0);
          transform: rotate(180deg) translateZ(0);
}

.mui-pull-caption {
  position: relative;
  display: inline-block;
  margin-top: 0;
  overflow: visible;
  font-size: 15px;
  line-height: 24px;
  vertical-align: middle;
}
.mui-pull-caption span {
  display: none;
}
.mui-pull-caption span.mui-in {
  display: inline;
}

.mui-icon-pulldown:before {
  content: "\e588";
}



/*左右拖拽(滑动)显示删除按钮，点击按钮触发事件*/
.mui-btn { position: relative;font-size: 14pt;}
.mui-btn-red {color: #fff;background-color: #dd524d;border-bottom: 1px solid #ccc;}
.mui-table-view-cell {position: relative;overflow: hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-touch-callout: none;}
.mui-table-view-cell > .mui-slider-left, .mui-table-view-cell > .mui-slider-right {position: absolute;top: 0;display: -webkit-box;display: -webkit-flex;display:flex;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.mui-table-view-cell > .mui-slider-left > .mui-btn, .mui-table-view-cell > .mui-slider-right > .mui-btn {position: relative;left: 0;display: -webkit-box;display: -webkit-flex;display:flex;padding: 0 30px;color: #fff; border: 0; border-radius: 0;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.mui-table-view-cell > .mui-slider-left > .mui-btn:after, .mui-table-view-cell > .mui-slider-right > .mui-btn:after {position: absolute;top: 0;z-index: -1;width: 600%;height: 100%;content: '';background: inherit;}
.mui-table-view-cell > .mui-slider-right {right: 0;-webkit-transition: -webkit-transform 0ms ease;transition:transform 0ms ease;-webkit-transform: translateX(100%);transform: translateX(100%);}
.mui-table-view-cell > .mui-slider-left {left: 0;-webkit-transition: -webkit-transform 0ms ease;transition:transform 0ms ease;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.mui-table-view-cell > .mui-slider-left > .mui-btn:after {right: 100%;margin-right: -1px;}


/*首页*/
.homeDiv{
	/*background-image: url(../style/img/catalog_bg.png); background-size:100%;*/
}
.homeDiv .bannerDiv {position: relative;}
.homeDiv .bannerDiv img.search_BG {height: 35px;}
.homeDiv .bannerDiv .searchDiv {position: absolute;bottom: 12px;width: 90%;margin-left: 5%;height: 32px;line-height: 32px;}
.homeDiv .bannerDiv .pointSlider {position: absolute; text-align: right;bottom: 43px;right: 5%;}
.homeDiv .bannerDiv .searchDiv .searchInDiv {position: absolute;bottom: 0px;margin-left: 10px;line-height: 35px;height: 35px;}
.homeDiv .bannerDiv .searchDiv .searchInDiv .searchImg {float:left ;height: 22px;margin-top: 9px;}
.homeDiv .bannerDiv .searchDiv .searchInDiv .searchText {float: left;color: gray;font-size: 12pt;margin-left: 10px;line-height: 35px;height: 35px; margin-top: 3px;}
.homeDiv .tagButton {width:100%;border-bottom:.5px solid #515486;/*设置一条1像素的浅灰色的实线*/}
.homeDiv .tagButton ul {margin-left: 15px;margin-right: 15px;}
.homeDiv .tagButton ul li {float: left;width: 13.6%;margin-right: 8%;}
.homeDiv .tagButton .lastLi {float:right;width: 13.6%;margin-right: 0px;}
.homeDiv .tagButton ul li .tagDiv {margin-top: 18px;width: 100%;}
.homeDiv .tagButton ul li .tagDiv .tagFont {text-align: center;margin-top: 6px;font-size: 12px;color: white;}
.homeDiv div.hotRecommentFont {color: white;font-size: 14pt;padding-left: 10px;padding-top: 10px;padding-bottom: 10px;}
.homeDiv div.hotRecommentImg {margin-right: 10px;margin-left: 10px;}
.homeDiv div .inWeekDiv {margin-right: 10px;margin-left: 10px;}
.homeDiv .inWeekFont {width:100%;text-align: center;font-size: 12px;color: white;padding-top: 5px;padding-bottom: 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.homeDiv .inWeekItem {background-image: url(temp_img/images/home_newest_bg.png);background-size: 100%;}
.homeDiv .inWeekDiv_li {width: 32%;float: left;margin-right: 2%;}
.homeDiv .inWeekDiv_li_3 {width: 32%;float: right;}
.homeDiv .lastestPerformanceDiv {display: inline-block;width: 100%;}
.homeDiv .lastestPerformanceDiv .lastestPerformance_list {margin-left: 10px;margin-right: 10px;height: 100px;background: rgb(47,50,79);margin-bottom: 7px;}
.homeDiv .lastestPerformanceDiv .rightArrow {float: right;height: 100px;line-height: 100px;color: gray;font-size: 20px;margin-right: 5px;}
.homeDiv .lastestPerformanceDiv .middleTitleLi {width: 85%;float: left;}
.homeDiv .lastestPerformanceDiv .leftLi {display: inline-block;float: left;height: 100px;width: 100px;}
.homeDiv .lastestPerformanceDiv .middleLi {float: left;height: 100%;margin-left: 10px;}
.homeDiv .lastestPerformanceImg {height: 100px;}
.homeDiv .lastestPerformance_title1 {margin-top: 18px;color: white;font-size: 12pt;height: 20%;}
.homeDiv .lastestPerformance_detailTitle {margin-top: 10px;margin-bottom: 10px;color: gray;font-size: 10pt;height: 40%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*搜索页面*/
.searchHeader .leftBack {width: 25px;}
.searchHeader .rightSearchButton {width: 32px;padding-left: 10px;}
.searchHeader .serchDiv{text-align: center;position: absolute; left: 40px; right: 58px;}
.searchHeader .serchDiv li {width:96.5%;height: 34px;line-height: 34px;padding-top: 5px;}
.searchHeader .serchDiv li input {height: 34px;width: 100%;background: #262b3a;border: 0px;color: #7f8387;font-size: 12pt;padding-left: 10px;}
.hotSearchDiv {background-image: url(../../app/style/img/catalog_bg.png);background-size: 100%;top: 0px;}
.hotSearchDiv .hotDiv {height: 25px;padding-top:13px;margin-left: 10px;margin-right: 10px;color: white;border-bottom:1px solid #525976;color: #747988;}
.hotSearchDiv .hotDiv .li_img {width: 20px;padding-left: 10px;float: left;}
.hotSearchDiv .hotDiv li img {width: 30px;}
.hotSearchDiv .hotDiv .li_p {padding-left: 10px;float: left;font-size: 12pt;color: #747988;padding-top: 3px;}
.hotSearchDiv .typeDiv {margin-left: 10px;margin-right: 10px;}
.hotSearchDiv .typeDiv ul li{border: 1px solid #525976;color: #bec2c9;border-radius: 19px;text-align: center;width:auto;float: left;padding: 10px;margin: 15px 10px 0px 0px;font-size: 10pt;}

/*我要当艺人数字输入*/
.mui-numbox {
	width: 100%;
	border: solid 1px #bbb;
	overflow: hidden !important;
	display: inline-block;
	height: 40px;
	border-radius: 3px;
	background-color: #efeff4 !important;
	box-sizing: border-box;
	position: relative;
	display: block;
	text-align: center;
	line-height: 40px;
}
.mui-numbox [class*=mui-numbox-btn] {
	width:35px;
	margin: 0px;
	position: absolute;
	border: none;
	border-radius: 0px !important;
	font-size: 18px;
	color: #555;
	font-weight: normal;
	overflow: hidden;
	padding: 0px;
	background-color: #f9f9f9;
}
.mui-numbox [class*=mui-numbox-btn]:active {
	background-color: #ccc;
}
.mui-numbox [class*=mui-numbox-btn][disabled] {
	color: #c0c0c0;
}
.mui-numbox .mui-numbox-btn-plus {
	right: 0px;width: 35%;
}
.mui-numbox .mui-numbox-btn-minus {
	left: 0px;width: 35%;
}
.mui-numbox .mui-numbox-input {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px;
	text-align: center;
	border: none;
	border-left: solid 1px #ccc !important;
	border-right: solid 1px #ccc !important;
	appearance: none;
	margin: 0px;
	display: inline-block;
	border-radius: 0px !important;
}
.mui-input-row .mui-numbox {
	margin: 2px 8px;
	float: right;
}